<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>中高服务</title>
  <link rel="icon" href="./favicon.png" type="image/x-icon">
  <style type="text/css">
  .rdw-storybook-root {
    width: 90%;
  }

  .rdw-storybook-wrapper {
    height: 100%;
  }

  .rdw-storybook-editor {
    border: 1px solid #F1F1F1;
    padding: 5px;
    border-radius: 2px;
    height: calc(100% - 110px) !important;
  }

  .rdw-storybook-toolbar {
    top: -130px;
  }

  .rdw-storybook-textarea {
    margin-top: 20px;
    resize: none;
    width: 100%;
    border: 1px solid #F1F1F1;
    height: 100px;
  }

  .div_calendar {
    width: 640px;
    margin: 0 auto;
    text-align: center;
    display: -webkit-box;
    font-family: Arial;
    font-size: 30px;
    background: #fff;
  }

  /** 日历标题 */
  .div_calendar_title {
    width: 95%;
    margin: 0 auto;
    text-align: center;
  }

  /** 日历主体 */
  .div_calendar_body {
    width: 602px;
    margin: 0 auto;
    text-align: center;
  }

  /** 日元素 */
  .div_calendar span {
    width: 86px;
    display: inline-block;
    text-align: center;
    line-height: 86px;
  }

  /** 没有记录 */
  .div_calendar span.no {
    color: #cbcbcb;
  }

  /** 正常 */
  .div_calendar span. {
    color: #8ecda9;
  }

  /** 缺勤 */
  .div_calendar span.normal {
    color: #8ecda9;
  }

  /** 缺勤 */
  .div_calendar span.absense {
    color: #bfbfbf;
  }

  /** 当前日期 */
  .div_calendar span.today {
    border-radius: 50%;
    //background: #8ecda9;
    border: 1px solid #fb0;
  }

  /** 选中 */
  .div_calendar span.select {
    border-radius: 50%;
    background: #39ac6a;
  }

  /** 日历第一行日期 */
  .div_calendar .first_div {
    text-align: right;
  }

  /** 日历末行日期 */
  .div_calendar .last_div {
    text-align: left;
  }

  /** 日期显示div */
  .div_calendar .div_currentDate {
    text-align: right;
  }

  .div_calendar .changeDate {
    cursor: pointer;
  }

  .div_calendar .div_currentDate span {
    width: inherit;
  }

  .div_calendar .div_currentDate span em {
    margin: 5px;
  }

  .div_target_label {
    width: 400px;
    margin: 20px auto;
    text-align: right;
  }

  .select_click_control {
    width: 400px;
    margin: 20px auto;
    text-align: right;
  }

  .div_changeMonth {
    margin: auto auto;
    text-align: center;
  }

  .div_changeMonth span {
    cursor: pointer;
    margin: 0 20px;
    display: inline-block;
  }

  .div_changeMonth {}

  .ant-table-thead>tr>th,
  .ant-table-tbody>tr>td {
    padding: 8px 2px !important;
    word-break: break-all !important;
  }

  .ant-statistic {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum'
}

.ant-statistic-title {
    margin-bottom: 4px;
    color: rgba(0,0,0,.45);
    font-size: 14px
}

.ant-statistic-content {
    color: rgba(0,0,0,.85);
    font-size: 24px;
    font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji
}

.ant-statistic-content-value {
    display: inline-block;
    direction: ltr
}

.ant-statistic-content-value-decimal {
    font-size: 16px
}

.ant-statistic-content-prefix,.ant-statistic-content-suffix {
    display: inline-block
}

.ant-statistic-content-prefix {
    margin-right: 4px
}

.ant-statistic-content-suffix {
    margin-left: 4px;
    font-size: 16px
}

.ant-statistic-rtl {
    direction: rtl
}

.ant-statistic-rtl .ant-statistic-content-prefix {
    margin-right: 0;
    margin-left: 4px
}

.ant-statistic-rtl .ant-statistic-content-suffix {
    margin-right: 4px;
    margin-left: 0
}

  </style>
</head>

<body>
  <div id="root"></div>
</body>

</html>
